<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>豪华酒店管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <!-- App favicon -->
    <link rel="shortcut icon" href="<%=basePath %>static/assets/images/favicon.ico">

    <link href="<%=basePath %>static/assets/plugins/jvectormap/jquery-jvectormap-2.0.2.css" rel="stylesheet">

    <!-- App css -->
    <link href="<%=basePath %>static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="<%=basePath %>static/assets/css/icons.css" rel="stylesheet" type="text/css"/>
    <link href="<%=basePath %>static/assets/css/metismenu.min.css" rel="stylesheet" type="text/css"/>
    <link href="<%=basePath %>static/assets/css/style.css" rel="stylesheet" type="text/css"/>

</head>


<body class="container_12">
<div class="box round first" style="margin:15px;">

    <h2>数据列表1</h2>


    <div class="block">


        <div>
            <div id="container"></div>
        </div>


    </div>


</div>


</body>
<!-- jQuery  -->
<script src="<%=basePath %>static/assets/js/jquery.min.js"></script>
<script src="<%=basePath %>static/assets/js/bootstrap.bundle.min.js"></script>
<script src="<%=basePath %>static/assets/js/metisMenu.min.js"></script>
<script src="<%=basePath %>static/assets/js/waves.min.js"></script>
<script src="<%=basePath %>static/assets/js/jquery.slimscroll.min.js"></script>

<script src="<%=basePath %>static/assets/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js"></script>
<script src="<%=basePath %>static/assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>

<script src="<%=basePath %>static/assets/plugins/moment/moment.js"></script>
<script src="<%=basePath %>static/assets/plugins/apexcharts/apexcharts.min.js"></script>
<script src="<%=basePath %>static/assets/pages/jquery.dashboard.init.js"></script>
<!-- App js -->
<script src="<%=basePath %>static/assets/js/app.js"></script>
<script src="<%=basePath%>source/scripts/window.js"></script>
<script src="<%=basePath%>source/js.js"></script>
<script>
    $().ready(function () {
        $(".uploadImg").click(function () {
            openWindow("<%=basePath%>upload.jsp");
        });
        $("#thumb").on("input", function () {
            $(".oldImg").attr("src", "<%=basePath%>" + $("#thumb").val());
        });
    });
</script>
<link href="<%=basePath %>static/toastr-master/toastr.min.css" rel="stylesheet" type="text/css"/>
<script src="<%=basePath %>static/toastr-master/toastr.min.js"></script>
<script>
    <c:if test="${!empty state }">
    toastr.${state}('${message}', '提示');
    setTimeout(function () {
        window.location.href = "<%=basePath%>${url}";
    }, 1500)
    </c:if>
</script>


<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
<script type="text/javascript">
    $(function () {
        Highcharts.chart('container', {
            chart: {
                type: 'column'
            },
            title: {
                text: '统计'
            },
            subtitle: {
                text: '--'
            },
            xAxis: {
                categories: [
                    "用户", "栏目", "房间", "预定", "轮播", "新闻"
                ],
                crosshair: true
            },
            yAxis: {
                min: 0,
                title: {
                    text: '数据'
                }
            },
            tooltip: {
                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                    '<td style="padding:0"><b>{point.y}</b></td></tr>',
                footerFormat: '</table>',
                shared: true,
                useHTML: true
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                name: '数据',
                data: [${n1}, ${n2}, ${n3}, ${n4}, ${n5}]

            }]
        });
    });
</script>
</body>
</html>

